<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>南湖新区党建网</title>
  <link href="css/reset.css" type="text/css" rel="stylesheet" />
  <link href="css/layout.css" type="text/css" rel="stylesheet" />
  <script type="text/javascript" src="js/koala.min.1.5.js"></script>
  <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
  <script type="text/javascript" src="js/index.js"></script>
</head>
<body>
<div class="body" >
  <!-- header start-->
  <div class="header">
    <div class="logo"><img src=""></div>
    <!--<div class="search">
      <input class="searchBtn" type="button" value=""/>
      <input class="text" type="text" placeholder="请输入关键字..."/>
      <input class="button" type="button" value="搜索"/>
    </div>-->
  </div>
  <!-- header end-->
  <div class="contenier">
    <!-- nav start-->
    <div class="mue">
      <div class="nav">
        <ul>
          <li id="mue_1">
            <a href="#">网站首页</a>
          </li>
          <li id="mue_2" >
            <a href="#">要闻动态</a>
          </li>
          <li id="mue_3">
            <a href="#">基层党建</a>
          </li>
          <li  id="mue_4" >
            <a href="#">干部工作</a>
          </li>
          <li id="mue_5">
            <a href="#">人才工作</a>
          </li>
          <li  id="mue_6">
            <a href="#">阳光组工</a>
          </li>
          <li  id="mue_7">
            <a href="#">教育培训</a>
          </li>
          <li id="mue_8">
            <a href="#">在线服务</a>
          </li>
        </ul>
      </div>
      <div class="subnav"  style="display:none;">
        <ul id="subnav_1" style="display:none;">
          <li><a><span id="localtime"></span></a></li>
          <li><a><iframe allowtransparency="true" frameborder="0" width="172" height="29" scrolling="no" src="http://tianqi.2345.com/plugin/widget/index.htm?s=3&amp;z=2&amp;t=0&amp;v=0&amp;d=3&amp;bd=0&amp;k=&amp;f=&amp;q=1&amp;e=1&amp;a=1&amp;c=57584&amp;w=172&amp;h=29&amp;align=center"></iframe></a>
          </li>
        </ul>
        <ul  id="subnav_2"  style="display:none;padding-left:80px;" >
          <li><a href="#" target="_blank">领导言论</a>&nbsp;|&nbsp;</li>
          <li><a href="#" target="_blank">首页头条</a>&nbsp;|&nbsp;</li>
          <li><a href="#" target="_blank">时政新闻</a>&nbsp;|&nbsp;</li>
          <li><a href="#" target="_blank">本地要闻</a>&nbsp;|&nbsp;</li>
          <li><a href="#" target="_blank">组工动态</a>&nbsp;|&nbsp;</li>
          <li><a href="#" target="_blank">基层动态</a>&nbsp;|&nbsp;</li>
          <li><a href="#" target="_blank">图说报道</a>&nbsp;|&nbsp;</li>
          <li><a href="#" target="_blank">公示公告</a>&nbsp;|&nbsp;</li>
          <li><a href="#" target="_blank">专题专栏</a></li>
        </ul>
        <ul  id="subnav_3"  style="display:none;padding-left:150px;" >
          <li><a href="#" target="_blank">党员队伍</a>&nbsp;|&nbsp;</li>
          <li><a href="#" target="_blank">街道党建</a>&nbsp;|&nbsp;</li>
          <li><a href="#" target="_blank">机关党建</a>&nbsp;|&nbsp;</li>
          <li><a href="#" target="_blank">非公和社会组织党建</a>&nbsp;|&nbsp;</li>
          <li><a href="#" target="_blank">国企党建</a></li>
        </ul>
        <ul  id="subnav_4"  style="display:none;padding-left:230px;" >
          <li><a href="#" target="_blank">干部管理</a>&nbsp;|&nbsp;</li>
          <li><a href="#" target="_blank">干部教育</a>&nbsp;|&nbsp;</li>
          <li><a href="#" target="_blank">干部监督</a>&nbsp;|&nbsp;</li>
          <li><a href="#" target="_blank">人事任免</a>&nbsp;|&nbsp;</li>
          <li><a href="#" target="_blank">任前公示</a>&nbsp;|&nbsp;</li>
          <li><a href="#" target="_blank">干部问责</a></li>
        </ul>
        <ul  id="subnav_5"  style="display:none;padding-left:530px;" >
          <li><a href="#" target="_blank">人才工作</a></li>
        </ul>
        <ul  id="subnav_6"  style="display:none;padding-left:530px;" >
          <li><a href="#" target="_blank">部长活动</a>&nbsp;|&nbsp;</li>
          <li><a href="#" target="_blank">领导班子</a>&nbsp;|&nbsp;</li>
          <li><a href="#" target="_blank">部门公开</a>&nbsp;|&nbsp;</li>
          <li><a href="#" target="_blank">政策法规</a>&nbsp;|&nbsp;</li>
          <li><a href="#" target="_blank">宣传报道</a></li>
        </ul>
        <ul  id="subnav_7"  style="display:none;padding-left:530px;">
          <li><a href="#" target="_blank">学习时讯</a>&nbsp;|&nbsp;</li>
          <li><a href="#" target="_blank">远程动态</a>&nbsp;|&nbsp;</li>
          <li><a href="#" target="_blank">红星视频</a>&nbsp;|&nbsp;</li>
          <li><a href="#" target="_blank">学用典型</a>&nbsp;|&nbsp;</li>
          <li><a href="#" target="_blank">经验交流</a>&nbsp;|&nbsp;</li>
          <li><a href="#" target="_blank">学用通报</a></li>
        </ul>
        <ul  id="subnav_8"  style="display:none;padding-left:670px;" >
          <li><a href="#" target="_blank">12380举报</a>&nbsp;|&nbsp;</li>
          <li><a href="#" target="_blank">下载专区</a>&nbsp;|&nbsp;</li>
          <li><a href="#" target="_blank">在线投稿</a>&nbsp;|&nbsp;</li>
          <li><a href="#" target="_blank">建言献策</a>&nbsp;|&nbsp;</li>
          <li><a href="#" target="_blank">查询</a></li>
        </ul>
      </div>
    </div>
    <!--nav end-->
    <div class="block10"></div>
    <!--content start-->
    <div class="content">
      <!--轮播图start-->
      <div id="fsD1" class="focus">
        <div id="D1pic1" class="fPic">
          <div class="fcon"> <a href="#"><img src="images/20161021090752550.jpg" /></a> <span class="shadow"><a href="#">省委书记....</a></span> </div>
          <div class="fcon"> <a href="#"><img src="images/20161024085205781.jpg" /></a> <span class="shadow"><a href="#">市委书记....</a></span> </div>
        </div>
        <div class="fbg">
          <div class="D1fBt" id="D1fBt"> <a href="javascript:void(0)" class="current"><i>1</i></a> <a href="javascript:void(0)"><i>2</i></a> </div>
        </div>
      </div>
      <!--轮播图 end-->
      <!--新闻推送start-->
      <div class="box" id="news">
        <div class="box_hd">
          <h3>湖南省国贫省贫县市区贫困村党组...</h3>
          <div class="movement"> &nbsp;&nbsp;&nbsp;10月17日，是联合国设立国际消除贫困日，也是我国政府确立扶贫日。
            今天上午，由省委组织部部长，长... <a href="#" target="_blank">[详情]</a> </div>
        </div>
        <div class="box_bd">
          <ul>
            <li><a href="#" target="_blank">李克强：就业才是经济真正的“晴雨表”</a></li>
            <li><a href="#" target="_blank">李克强：就业才是经济真正的“晴雨表”</a></li>
            <li><a href="#" target="_blank">李克强：就业才是经济真正的“晴雨表”</a></li>
            <li><a href="#" target="_blank">李克强：就业才是经济真正的“晴雨表”</a></li>
            <li><a href="#" target="_blank">李克强：就业才是经济真正的“晴雨表”</a></li>
            <li><a href="#" target="_blank">李克强：就业才是经济真正的“晴雨表”</a></li>
            <li><a href="#" target="_blank">李克强：就业才是经济真正的“晴雨表”</a></li>
          </ul>
        </div>
      </div>
      <!--新闻推送start-->
      <div class="block10"></div>
      <!--领导言论start-->
      <div class="box" id="speech">
        <div class="box_hd">
          <ul class="box_hd_ul">
            <li  id="one1"  class="current" style="width:150px;"  onmouseover="set_img_Tab('one',1,4)"><a href="#"> 领导言论</a></li>

            <li  id="one2" class="px" onmouseover="set_img_Tab('one',2,4)"><a href="#"> 时政要闻告</a></li>

            <li  id="one3" class="px" onmouseover="set_img_Tab('one',3,4)"><a href="#"> 组工动态</a></li>

            <li  id="one4" onmouseover="set_img_Tab('one',4,4)"><a href="#"> 乡镇动态</a></li>
          </ul>
        </div>
        <div class="box_bd">
          <ul id="con_one_1">
            <li><a href="#" target="_blank">11111</a></li>
            <li><a href="#" target="_blank">李克强：就业才是经济真正的“晴雨表”</a></li>
            <li><a href="#" target="_blank">李克强：就业才是经济真正的“晴雨表”</a></li>
            <li><a href="#" target="_blank">李克强：就业才是经济真正的“晴雨表”</a></li>
            <li><a href="#" target="_blank">李克强：就业才是经济真正的“晴雨表”</a></li>
            <li><a href="#" target="_blank">李克强：就业才是经济真正的“晴雨表”</a></li>
            <li><a href="#" target="_blank">李克强：就业才是经济真正的“晴雨表”</a></li>
            <li><a href="#" target="_blank">李克强：就业才是经济真正的“晴雨表”</a></li>
          </ul>
          <ul id="con_one_2" style="display: none">
            <li><a href="#" target="_blank">22222</a></li>
            <li><a href="#" target="_blank">李克强：就业才是经济真正的“晴雨表”</a></li>
            <li><a href="#" target="_blank">李克强：就业才是经济真正的“晴雨表”</a></li>
            <li><a href="#" target="_blank">李克强：就业才是经济真正的“晴雨表”</a></li>
            <li><a href="#" target="_blank">李克强：就业才是经济真正的“晴雨表”</a></li>
            <li><a href="#" target="_blank">李克强：就业才是经济真正的“晴雨表”</a></li>
            <li><a href="#" target="_blank">李克强：就业才是经济真正的“晴雨表”</a></li>
            <li><a href="#" target="_blank">李克强：就业才是经济真正的“晴雨表”</a></li>
          </ul>
          <ul id="con_one_3" style="display: none">
            <li><a href="#" target="_blank">33333</a></li>
            <li><a href="#" target="_blank">李克强：就业才是经济真正的“晴雨表”</a></li>
            <li><a href="#" target="_blank">李克强：就业才是经济真正的“晴雨表”</a></li>
            <li><a href="#" target="_blank">李克强：就业才是经济真正的“晴雨表”</a></li>
            <li><a href="#" target="_blank">李克强：就业才是经济真正的“晴雨表”</a></li>
            <li><a href="#" target="_blank">李克强：就业才是经济真正的“晴雨表”</a></li>
            <li><a href="#" target="_blank">李克强：就业才是经济真正的“晴雨表”</a></li>
            <li><a href="#" target="_blank">李克强：就业才是经济真正的“晴雨表”</a></li>
          </ul>
          <ul id="con_one_4" style="display: none">
            <li><a href="#" target="_blank">4444</a></li>
            <li><a href="#" target="_blank">李克强：就业才是经济真正的“晴雨表”</a></li>
            <li><a href="#" target="_blank">李克强：就业才是经济真正的“晴雨表”</a></li>
            <li><a href="#" target="_blank">李克强：就业才是经济真正的“晴雨表”</a></li>
            <li><a href="#" target="_blank">李克强：就业才是经济真正的“晴雨表”</a></li>
            <li><a href="#" target="_blank">李克强：就业才是经济真正的“晴雨表”</a></li>
            <li><a href="#" target="_blank">李克强：就业才是经济真正的“晴雨表”</a></li>
            <li><a href="#" target="_blank">李克强：就业才是经济真正的“晴雨表”</a></li>
          </ul>
        </div>
      </div>
      <!--领导言论 end-->
      <!--公示公告start-->
      <div class="box" id="notice">
        <div class="box_hd">
          <h3>公示公告</h3>
          <div class="more"><a href="#" target="_blank">更多&gt;&gt;</a></div>
        </div>
        <div class="box_bd">
          <ul>
            <li><a href="#" target="_blank">李克强：就业才是经济真正的“晴雨表”</a></li>
            <li><a href="#" target="_blank">李克强：就业才是经济真正的“晴雨表”</a></li>
            <li><a href="#" target="_blank">李克强：就业才是经济真正的“晴雨表”</a></li>
            <li><a href="#" target="_blank">李克强：就业才是经济真正的“晴雨表”</a></li>
            <li><a href="#" target="_blank">李克强：就业才是经济真正的“晴雨表”</a></li>
            <li><a href="#" target="_blank">李克强：就业才是经济真正的“晴雨表”</a></li>
            <li><a href="#" target="_blank">李克强：就业才是经济真正的“晴雨表”</a></li>
            <li><a href="#" target="_blank">李克强：就业才是经济真正的“晴雨表”</a></li>
          </ul>
        </div>
      </div>
      <!--公示公告 end-->
      <div class="block10"></div>
      <!--两学一做start-->
      <div class="box" id="imgs"> <img src="images/imgs.jpg"/> </div>
      <div class="block10"></div>
      <!--两学一做 end-->
      <!--四个小box start-->
      <div class="box" id="four_box">
        <!--基层党建start-->
        <div class="min_box" id="one">
          <div class="four_hd">
            <h3>基层党建</h3>
            <div class="box_ul">
              <ul>
                <li><a href="#" target="_blank">党建热点</a></li>
                <img src="images/dian_3.jpg"/>
                <li><a href="#" target="_blank">党的知识</a></li>
                <img src="images/dian_3.jpg"/>
                <li><a href="#" target="_blank">党务回答</a></li>
              </ul>
            </div>
          </div>
          <div class="four_bd">
            <ul>
              <li><a href="#" target="_blank">李克强：就业才</a></li>
              <li><a href="#" target="_blank">李克强：就业才</a></li>
              <li><a href="#" target="_blank">李克强：就业才</a></li>
              <li><a href="#" target="_blank">李克强：就业才</a></li>
              <li><a href="#" target="_blank">李克强：就业才</a></li>
              <li><a href="#" target="_blank">李克强：就业才</a></li>
            </ul>
          </div>
        </div>
        <!--基层党建end-->
        <!--干部工作start-->
        <div class="min_box" id="tow">
          <div class="four_hd">
            <h3>干部工作</h3>
            <div class="box_ul">
              <ul>
                <li><a href="#" target="_blank">党建热点</a></li>
                <img src="images/dian_3.jpg"/>
                <li><a href="#" target="_blank">党的知识</a></li>
                <img src="images/dian_3.jpg"/>
                <li><a href="#" target="_blank">党务回答</a></li>
              </ul>
            </div>
          </div>
          <div class="four_bd">
            <ul>
              <li><a href="#" target="_blank">李克强：就业才</a></li>
              <li><a href="#" target="_blank">李克强：就业才</a></li>
              <li><a href="#" target="_blank">李克强：就业才</a></li>
              <li><a href="#" target="_blank">李克强：就业才</a></li>
              <li><a href="#" target="_blank">李克强：就业才</a></li>
              <li><a href="#" target="_blank">李克强：就业才</a></li>
            </ul>
          </div>
        </div>
        <!--干部工作end-->
        <!--人才工作start-->
        <div class="min_box" id="three">
          <div class="four_hd">
            <h3>人才工作</h3>
            <div class="box_ul">
              <ul>
                <li><a href="#" target="_blank">党建热点</a></li>
                <img src="images/dian_3.jpg"/>
                <li><a href="#" target="_blank">党的知识</a></li>
                <img src="images/dian_3.jpg"/>
                <li><a href="#" target="_blank">党务回答</a></li>
              </ul>
            </div>
          </div>
          <div class="four_bd">
            <ul>
              <li><a href="#" target="_blank">李克强：就业才</a></li>
              <li><a href="#" target="_blank">李克强：就业才</a></li>
              <li><a href="#" target="_blank">李克强：就业才</a></li>
              <li><a href="#" target="_blank">李克强：就业才</a></li>
              <li><a href="#" target="_blank">李克强：就业才</a></li>
              <li><a href="#" target="_blank">李克强：就业才</a></li>
            </ul>
          </div>
        </div>
        <!--人才工作end-->
        <!--阳光组工start-->
        <div class="min_box" id="four">
          <div class="four_hd">
            <h3>阳光组工</h3>
            <div class="box_ul">
              <ul>
                <li><a href="#" target="_blank">党建热点</a></li>
                <img src="images/dian_3.jpg"/>
                <li><a href="#" target="_blank">党的知识</a></li>
                <img src="images/dian_3.jpg"/>
                <li><a href="#" target="_blank">党务回答</a></li>
              </ul>
            </div>
          </div>
          <div class="four_bd">
            <ul>
              <li><a href="#" target="_blank">李克强：就业才</a></li>
              <li><a href="#" target="_blank">李克强：就业才</a></li>
              <li><a href="#" target="_blank">李克强：就业才</a></li>
              <li><a href="#" target="_blank">李克强：就业才</a></li>
              <li><a href="#" target="_blank">李克强：就业才</a></li>
              <li><a href="#" target="_blank">李克强：就业才</a></li>
            </ul>
          </div>
        </div>
        <!--阳光组工end-->
      </div>
      <!--四个小box end-->
      <!--在线服务start-->
      <div class="box" id="online">
        <div class="box_hd">
          <h3>在线服务</h3>
        </div>
        <div class="box_bd">
          <div class="online_box" id="download"> <a href="#">下载专区</a> </div>
          <div class="online_box" id="contribute"> <a href="#">在线投稿</a> </div>
          <div class="online_box" id="tel"> <a href="#">12308热线</a> </div>
          <div class="online_box" id="advice"> <a href="#">建言献策</a> </div>
        </div>
        <div class="ad" >
          <div id="ad_1"> <img src="images/ad_1.jpg"/> </div>
          <div id="ad_2"> <img src="images/ad_2.jpg"/> </div>
        </div>
      </div>
      <!--在线服务end-->
      <div class="block10"></div>
      <!--网站导航start-->
      <div class="box" id="navigation">
        <div class="box_hd">
          <ul class="box_hd_ul">
            <li  id="tow1" class="current"  onmouseover="setTab('tow',1,3)"><a href="#"> 网站导航</a></li>
            <li  id="tow2" onmouseover="setTab('tow',2,3)"><a href="#"> 党建网站</a></li>
            <li  id="tow3" onmouseover="setTab('tow',3,3)"><a href="#"> 全国党建网站联盟</a></li>
          </ul>
        </div>
        <div class="box_bd">
          <ul id="con_tow_1">
            <li><a href="#" target="_blank">岳阳门户网</a></li>
            <li><a href="#" target="_blank">岳阳门户网</a></li>
            <li><a href="#" target="_blank">岳阳门户网</a></li>
            <li><a href="#" target="_blank">岳阳门户网</a></li>
            <li><a href="#" target="_blank">岳阳门户网</a></li>
            <li><a href="#" target="_blank">岳阳门户网</a></li>
            <li><a href="#" target="_blank">岳阳门户网</a></li>
            <li><a href="#" target="_blank">岳阳门户网</a></li>
            <li><a href="#" target="_blank">岳阳门户网</a></li>
          </ul>
          <ul id="con_tow_2" style="display: none">
            <li><a href="#" target="_blank">岳党建网站</a></li>
            <li><a href="#" target="_blank">岳党建网站</a></li>
            <li><a href="#" target="_blank">岳党建网站</a></li>
            <li><a href="#" target="_blank">岳党建网站</a></li>
            <li><a href="#" target="_blank">岳党建网站</a></li>
            <li><a href="#" target="_blank">岳党建网站</a></li>
            <li><a href="#" target="_blank">岳党建网站</a></li>
            <li><a href="#" target="_blank">岳党建网站</a></li>
            <li><a href="#" target="_blank">岳党建网站</a></li>
          </ul>
          <ul id="con_tow_3" style="display: none">
            <li><a href="#" target="_blank">全国党建网站联盟</a></li>
            <li><a href="#" target="_blank">全国党建网站联盟</a></li>
            <li><a href="#" target="_blank">全国党建网站联盟</a></li>
            <li><a href="#" target="_blank">全国党建网站联盟</a></li>
            <li><a href="#" target="_blank">全国党建网站联盟</a></li>
            <li><a href="#" target="_blank">全国党建网站联盟</a></li>
            <li><a href="#" target="_blank">岳党建网站</a></li>
            <li><a href="#" target="_blank">岳党建网站</a></li>
            <li><a href="#" target="_blank">岳党建网站</a></li>
          </ul>
        </div>
      </div>
      <!--网站导航end-->
      <div class="block10"></div>
    </div>
  </div>
  <!--footer start-->
  <div class="footer">
    <div class="ft_flinks"> <a href="#">首页</a> | <a href="#">网站地图</a> | <a href="#">免责声明</a> | <a href="#">联系我们</a> | <a href="#">关于我们</a> | </div>
    <div class="ft_copyright"> Copyright&copy;2016-2030<a href="#">www.nhdj.gov.cn</a> All Rights reserved<br>
      主办：中共南湖风景区组织部 承办：中共南湖风景区组织部党员教育中心</a><br>
    </div>
  </div>
  <!--footer end-->
</div>

<script type="text/javascript">
  Qfast.add('widgets', { path: "js/terminator2.2.min.js", type: "js", requires: ['fx'] });
  Qfast(false, 'widgets', function () {
    K.tabs({
      id: 'fsD1',   //焦点图包裹id
      conId: "D1pic1",  //** 大图域包裹id
      tabId:"D1fBt",
      tabTn:"a",
      conCn: '.fcon', //** 大图域配置class
      auto: 1,   //自动播放 1或0
      effect: 'fade',   //效果配置
      eType: 'click', //** 鼠标事件
      pageBt:true,//是否有按钮切换页码
      bns: ['.prev', '.next'],//** 前后按钮配置class
      interval: 3000  //** 停顿时间
    })
  })
  function showLocale(objD)
  {
    var str,colorhead,colorfoot;
    var yy = objD.getYear();
    if(yy<1900) yy = yy+1900;
    var MM = objD.getMonth()+1;
    if(MM<10) MM = '0' + MM;
    var dd = objD.getDate();
    if(dd<10) dd = '0' + dd;
    var hh = objD.getHours();
    if(hh<10) hh = '0' + hh;
    var mm = objD.getMinutes();
    if(mm<10) mm = '0' + mm;
    var ss = objD.getSeconds();
    if(ss<10) ss = '0' + ss;
    var ww = objD.getDay();
    if  ( ww==0 )  colorhead="<font color=\"#FF0000\">";
    if  ( ww > 0 && ww < 6 )  colorhead="<font>";
    if  ( ww==6 )  colorhead="<font color=\"#008000\">";
    if  (ww==0)  ww="星期日";
    if  (ww==1)  ww="星期一";
    if  (ww==2)  ww="星期二";
    if  (ww==3)  ww="星期三";
    if  (ww==4)  ww="星期四";
    if  (ww==5)  ww="星期五";
    if  (ww==6)  ww="星期六";
    colorfoot="</font>"
    str = colorhead + yy + "-" + MM + "-" + dd + " " + hh + ":" + mm + ":" + ss + "  " + ww + colorfoot;
    return(str);
  }
  function tick()
  {
    var today;
    today = new Date();
    document.getElementById("localtime").innerHTML = showLocale(today);
    window.setTimeout("tick()", 1000);
  }
  tick();
  /*通用tab切换显示样式*/
  function setTab(name,cursel,n)
  {
    for(var i=1;i<=n;i++)
    {
      var menu=document.getElementById(name+i);
      var con=document.getElementById("con_"+name+"_"+i);
      menu.className=i==cursel?"current":"";
      con.style.display=i==cursel?"block":"none";
    }
  }
  /*通用tab切换显示样式,图片样式改变*/
  function set_img_Tab(name,cursel,n)
  {
    for(var i=1;i<=n;i++)
    {
      var j=cursel-1;
      var x=i-1;
      var menu=document.getElementById(name+i);
      var con=document.getElementById("con_"+name+"_"+i);
      menu.className=i==cursel?"current":"";
      con.style.display=i==cursel?"block":"none";
      var menu_1=document.getElementById(name+j);
      if(j==x){
        if(j>0){
          menu_1.className=j==x?"current_none":"";
        }
      }
    }
  }
</script>
<script type="text/javascript">
  function bindEvent(num){
    $("#mue_"+num).bind('mouseenter',function(){
      showDH(num);
    });
  }
  for(var j=1;j<=8;j++){
    bindEvent(j);
  }
  $(".mue").bind('mouseleave',function(){
    for(var j=1;j<=8;j++){
      showDHHide(j);
    }
  });
</script>
</body>
</html>